<script setup>
// 在这里可以添加需要的响应式数据和方法
import '../styles/profile.css'
const profile = {
  name: '个人简介',
  description: '个人简介：',
  jnzy: '技能专长：学习',
  contact: {
    ck: 'https://gitee.com/rran99/001'
  }
}
</script>

<template>
  <div class="profile-container">
    <div class="profile-header">
      <h1>{{ profile.name }}</h1>
    </div>
    
    <div class="profile-content">
      <section class="profile-description">
        <h3>个人简介</h3>
        <p>{{ profile.description }}</p>
      </section>
      
      <section class="profile-skills">
        <h3>技能专长</h3>
        <p class="ckp">
         {{ profile.jnzy }}
        </p>
      </section>
      
      <section class="profile-contact">
        <h3>联系方式</h3>
        <p class="ckp">仓库地址: <a :href="profile.contact.ck" target="_blank">{{ profile.contact.ck }}</a></p>
      </section>
    </div>
  </div>
</template>